<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <script src="../assets/flexible/flexible.debug.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品类表</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/commodities.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
</head>

<body>

    <header class="header">
        <div class="iconfont left index">&#xe607;返回</div>
        <div class="center">商品列表</div>
        <div class="right"></div>
    </header>
    <div class="banner">
        <img src="../images/1.jpg">
    </div>
    <nav class="nav">
        <ul>
            <li class="lis on yi">销量</li>
            <li class="lis er">新品</li>
            <li class="lis san">价格</li>
            <li class="lis si">筛选</li>
        </ul>
    </nav>
    <div class="slide slide1">
        <dl>
            <dt><img src="../images/72.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/73.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/74.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/75.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/76.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/77.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/78.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/79.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <div class="geng">
            没有更多了哟～
        </div>
    </div>
    <div class="slide slide2">
        <dl>
            <dt><img src="../images/74.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/72.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/73.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/75.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/76.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/77.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/78.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/79.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <div class="geng">
            没有更多了哟～
        </div>
    </div>
    </div>
    <div class="slide slide3">
        <dl>
            <dt><img src="../images/80.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/76.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/74.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/72.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/73.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/77.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/78.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <dl>
            <dt><img src="../images/79.jpg"></dt>
            <dd class="dd1">醉品朴茶 云南滇红 2016春茶 红茶 大金芽 特级 醇朴 200g 单罐</dd>
            <dd class="dd2">待客会友休闲茶</dd>
            <dd class="dd3">￥196.00</dd>
            <dd class="dd4">2602人好评</dd>
        </dl>
        <div class="geng">
            没有更多了哟～
        </div>
    </div>
    <div class="slide4">
        <div class="box">
            <div class="jin">
                <p>净含量在</p>
                <ul>
                    <li class="on">全部</li>
                    <li>251-500克</li>
                    <li>501-1000克</li>
                    <li>1001克以上</li>
                    <li>50克以下</li>
                    <li></li>
                </ul>
            </div>
            <div class="jin">
                <p>净含量在</p>
                <ul>
                    <li class="on">全部</li>
                    <li>251-500克</li>
                    <li>501-1000克</li>
                    <li>1001克以上</li>
                    <li>50克以下</li>
                    <li></li>
                </ul>
            </div>
            <div class="jin">
                <p>等级</p>
                <ul>
                    <li class="on">全部</li>
                    <li>一级</li>
                    <li>二级</li>
                    <li>其它</li>
                    <li>特级</li>
                    <li></li>
                </ul>
            </div>
            <div class="jin">
                <p>用途</p>
                <ul>
                    <li class="on">全部</li>
                    <li>自饮</li>
                    <li>送礼(简装礼盒)</li>
                    <li>送礼(精装礼盒)</li>
                    <li class="li"></li>
                    <li></li>
                </ul>
            </div>
            <div class="jin">
                <p>年份</p>
                <ul>
                    <li class="on">全部</li>
                    <li>2005以前</li>
                    <li>2014年</li>
                    <li>2015年</li>
                    <li>2016年</li>
                    <li></li>
                </ul>
            </div>
            <div class="jin">
                <p>香型</p>
                <ul>
                    <li class="on">全部</li>
                    <li>浓香型</li>
                    <li>清香型</li>
                    <li>韵香型</li>
                    <li>陈年老茶</li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="div">
            <div class="chong">重置</div>
            <div class="que">确定</div>
        </div>
    </div>

    <footer class="footer">
        <dl class="list on this">
            <dt class="iconfont">&#xe67f;</dt>
            <dd>首页</dd>
        </dl>
        <dl class="list" id="classify">
            <dt class="iconfont">&#xe612;</dt>
            <dd>分类</dd>
        </dl>
        <dl class="list cart">
            <dt class="iconfont">&#xe501;</dt>
            <dd>购物车</dd>
        </dl>
        <dl class="list cart">
            <dt class="iconfont">&#xe60b;</dt>
            <dd>我的</dd>
        </dl>
    </footer>
    </div>

    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../assets/swiper/js/swiper.min.js"></script>
    <script src="../assets/artTemplate/template-web.js"></script>
    <script>
        $(function () {
            $('.index').click(function () {
                history.back();
            })
            $('.lis').click(function () {
                $(this).addClass('on').siblings().removeClass('on');
            });
            $('#classify').click(function () {
                location.href = "../html/classify.html"
            })
            $('.cart').click(function () {
                location.href = "../html/cart.html"
            })
            $('.this').click(function () {
                location.href = "../index.html"
            })
            $('.er').click(function () {
                $('.slide2').show();
                $('.slide1').hide();
                $('.slide3').hide();
                $('.slide4').hide();
            })
            $('.san').click(function () {
                $('.slide3').show();
                $('.slide1').hide();
                $('.slide2').hide();
                $('.slide4').hide();
            })
            $('.yi').click(function () {
                $('.slide1').show();
                $('.slide3').hide();
                $('.slide2').hide();
                $('.slide4').hide();
            })
            $('.si').click(function () {
                $('.slide4').show();
                $('.slide3').hide();
                $('.slide2').hide();
                $('.slide1').hide();
            })
            $('.que').click(function () {
                $('.slide4').hide();
                location.href = "../html/commodities.html"
            })

            $('li').click(function () {
                $(this).addClass('on').siblings().removeClass('on');
            });
            $('.chong').click(function(){
                $('.jin ul li:first-child').addClass('on').siblings().removeClass('on');
            })
            $('dl').click(function(){
                location.href = "../html/purple.html";
            })
        })
    </script>
</body>

</html>